



.clear:after {
content:"";
display: block;
clear: both;
} 

body > *{
	margin: 0; 
	padding: 0 
} 
body { 
	min-width: 320px; 
	font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif; 
	background-color:#F0f0f0;
	width:100%;
} 

div.app-header {
	width:100%;
	height:30%;
	text-align: center;
	position: relative;

}

div.app-header > .header-bg {
	height: 30%;
	width:100%;
	min-width: 320px;
}


div.app-header-desc{
	position: absolute;
	top:25%;
	width:100%;
}
div.app-header-desc > div.app-city{
	color:#34d9b0;
	font-size: 14px;
	margin-top:12px;
}

img.icon-man{
	margin-left: 10px;
}


div.app-header-desc-item {
	margin-top:13%;
	float:left;
	width:16%;
}

div.first,div.last {
	width:10%;
}
dd.desc-count{
	margin-top:5px;
}

div.app-id > span{
	color: #264380;
	font-size: 16px;
}


div.app-header-desc-item > div > dd.desc-name{
	font-size:10px;
	color:#ffffff;
}
div.app-header-desc-item > div > dd.desc-count{
	font-size:12px;
	color:#34d9b0;
}


div.app-body {
	margin-top:0px;	
	margin-bottom: 80px;
}

div.app-form{
	background-color: #ffffff;
	color:#4d4d4d;
	font-size:16px;

}

div.app-share{
	background-color: #ffffff;
	color:#4d4d4d;
	font-size:10px;
}

div.app-comment{
	background-color: #ffffff;
	color:#4d4d4d;
	font-size:12px;
	margin-top:10px;
}
div.app-comment-detail > img{
	height:14px;
	width:14px;
}

.section-flow{
	margin-top:5px;
	background-color: #ffffff;
	height: 20%;
}
.section-flow .flow-title{
	margin-top:10px;
    color: #666666;
    font-size: 16px;
    background-color: #ffffff;
    margin-left:2%;
    padding-top: 5px;
    margin-bottom: -5px;
}
.section-flow .flow-step{
    display: table;
    margin-top: 10px;
    width: 100%;
    background-color: #ffffff;
}
.section-flow .flow-step .step-item{
    display: table-cell;
    text-align: center;
    width: 33%;
}
.section-flow .flow-step .step-item p{
    color: #666666;
    font-size: 12px;
    margin-top: 7.5px;
}
.section-flow .flow-step .step-item div img{
	width: 30%;
	height:30%;
}
.section-flow .flow-step img{
	width: 12px;
	height:20px;
}


.app-footer .tab-bar{
	position: fixed;
	z-index: 100;
	bottom: 0;
	left:0;
    display: table;
    margin-top: 10px;
    width: 100%;
    background-color: #ffffff;
}
.app-footer .tab-bar .tab-bar-item{
    display: table-cell;
    text-align: center;
    width: 25%;
    padding-top: 5px;
}
.app-footer .tab-bar .tab-bar-item p{
    color: #00a2c8;
    font-size: 9px;
 
    padding:0;
    margin: 0;
    margin-top: 5px;
}

.app-footer .tab-bar .tab-bar-item div img{
	width: 25%;
	height:25%;
}



